<template>
    <div>
        <el-menu
                style="width:200px; min-height: calc(100vh - 6vh);"
                default-active="product"
                class="el-menu-vertical-demo">
            <el-menu-item index="h">
                <el-icon>
                    <setting/>
                </el-icon>
                <span>首页</span>
            </el-menu-item>
            <el-sub-menu index="1">
                <template #title>
                    <el-icon>
                        <location/>
                    </el-icon>
                    <span>系统管理</span>
                </template>

                <el-menu-item-group>
                    <el-menu-item index="product">产品管理</el-menu-item>
                    <el-menu-item index="1-2">角色管理</el-menu-item>
                    <el-menu-item index="1-3">资源权限管理</el-menu-item>
                </el-menu-item-group>

            </el-sub-menu>

            <el-sub-menu index="2">
                <template #title>
                    <el-icon>
                        <location/>
                    </el-icon>
                    <span>基础数据</span>
                </template>

                <el-menu-item-group>
                    <el-menu-item index="2-1">产品管理</el-menu-item>
                    <el-menu-item index="2-2">订单管理</el-menu-item>
                </el-menu-item-group>

            </el-sub-menu>

        </el-menu>
    </div>
</template>

<script>
    export default {
        name: "Aside"
    }
</script>

<style scoped>

</style>